var pore =document.querySelector('.pore')
var eventHandle =document.querySelector('.eventHandle')
pore.addEventListener('mouseenter',function(){
    this.style.backgroundColor='white'
    eventHandle.style.display='block'
    // this.style.border='1px solid rgb(219, 219, 219)'
})
pore.addEventListener('mouseleave',function(){
    this.style.backgroundColor=''
    eventHandle.style.display='none'
    // this.style.border=0
})

var Rtab =document.querySelector('.Rtab')
var AXD =document.querySelector('.AXD-1')
var lis = Rtab.querySelectorAll('a');
var atx = AXD.querySelectorAll('.atx');
for (var i = 0 ; i < lis.length ; i++ ) { //循环绑定点击事件
    lis[i].setAttribute('index',i)  
    lis[i].onmouseenter = function(){
          for(var i =0;i<lis.length;i++){
              lis[i].className = '';
            //   atx[i].style.display = 'none';
          }
          console.log(this.i);
          this.className='tabstyle';
          var index=this.getAttribute('index')
          console.log(index);
          for (var i = 0 ; i < atx.length ; i++ ) { //循环绑定点击事件
            atx[i].style.display='none'  
                  }
          atx[index].style.display = 'flex';
      }
}

window.addEventListener('load',function(){
    atx[0].style.display = 'flex';
})